<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS3</title>
		<style>
			/* 引入样式表    缺陷：先html后css*/
			@import url(css/学习css3.css);
			/* 需求：5个p添加背景颜色 */
			p{
				background-color: aqua;
			}
		</style>
	<!--项目专用：外部样式表   找到外部css文件
	  link样式[]可以写多个 href="相对路径+xxx.css"-->
	<li nk rel="stylesheet" href="css/学习css3.css">
	</head>
	<body>
		<!-- 文本元素群：文本元素 -->
		<span>今天</span>星期四，<span>明天</span>星期五，<span>后天</span>放假
		<!-- 一.什么是CSS
		 Cascading Style Sheets 层叠样式表 级联样式表 样式表
		 【主要作用：效果,布局】
		 使用：HTML5+CSS3构建网页
		 HTML5结构层   元素     属性与属性值   功能：效果
		 问题：针对单个元素
		 CSS3样式层     元素  属性与属性值    功能：效果
		 解决html中属性与属性值针对单个元素操作的问题
		 实现内容与表现分离，解决代码冗余
		 二.使用CSS样式表【4种】
		   【不用】①内联[级联]样式表：热议元素的前标记上添加style属性="属性：属性值;"
		   【练习专用】②内部样式表：在head元素中，添加style元素，编写css基本语法
		   【项目专用】③外部样式表：在head元素当中，添加link外链元素
		  【不用】 ④引入样式表：css2语法在，在head元素中，添加style元素，添加@impor urrl();
		   三.CSS3基础语法
		   选择器{
			   属性： 属性值;
			   属性： 属性值;
			   ...
		   }
		   选择器：抓取页面元素
		   属性： 属性值;：抓取元素的效果与布局
		   效果与布局：边框 颜色 文本字体 盒模型 动画 浮动....
		 -->
		 <p align="center">lorme</p>
		 <p align="center">lorme</p>
		 <!-- ①内联样式表语法：style="css属性： css属性值;"-->
		 <p style="text-align: center;color: red;">lorme</p>
		 <p align="center">lorme</p>
		 <p align="center"></p>
	</body>
</html>